<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<title>size</title>
	<style rel="style/sheet" type="text/css">
		#te{
			border:solid 5px #999;
			padding:10px;
			margin:15px;
			height:100px;
			position:absolute;
			top:0px;
			left:0px;
		}
	
		#co{
			line-height:25px;
		}
		body{
			padding:0px;
			margin:0px;
		}
	</style>
	<script src="resources/jquery-1.6.2.min.js"></script>
	<script>
		$(document).ready(function(){
			var te=$('#te');//.width(300).height(200);
			var html=[];
			html.push('width():');
			html.push(te.width());
			html.push(';height():');
			html.push(te.height());
			html.push('<br/>');
			
			html.push('innerWidth():')
			html.push(te.innerWidth());
			html.push(';innerHeight():');
			html.push(te.innerHeight());
			html.push('<br/>');
			
			html.push('outerWidth():');
			html.push(te.outerWidth(true));
			html.push(';outerHeight():');
			html.push(te.outerHeight(true));
			html.push('<br/>');
			
			html.push(document.compatMode)
			html.push('<br/>');
			html.push(te.innerHeight.length);
			$('#co').html(html.join(''));
		});
	</script>
	
</head>
<body>
<div>
<div id="te">
</div>
</div>
<p id="co"></p>
</body>
</html>